<template>
  <div id="sharinggiftlist"> 


        <el-table :data="datalist" style="width: 100%" :height="dtheight" :header-cell-style="{background:'#4F81BC',color:'white'}"
           :row-class-name="tableRowClassName"  :border="true">
                
                 <el-table-column label="兑换时间"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.time }}</span>
                    </template>
                </el-table-column>
                 <el-table-column label="兑奖账号"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span style="display: flex;align-items: center;justify-content: center;">
                                 {{ scope.row.telphone }}
                                <img src="@/assets/images/a9.png" style="width:18px;height:20px;margin-left:5px;" @click="goinforpersonal(scope.row,scope.row.telphone)"/>
                        </span>  
                    </template>
                </el-table-column>
                <el-table-column label="账号昵称"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.nickname }}</span>
                    </template>
                </el-table-column>
                 <el-table-column label="兑奖方式"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span v-if="scope.row.gift_type == 1">蜜贝</span>
                        <span v-if="scope.row.gift_type == 2">金蜜券</span>
                    </template>
                </el-table-column>
                 <el-table-column label="兑换价值"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span >{{ scope.row.change_number }}</span>
                    </template>
                </el-table-column>
                
        </el-table> 

   </div>
</template>

<script>

export default {
   name: 'sharinggiftlist',
   props:{
      datalist:{  
        //type:Array,
       default:()=>[]
     },
  },
  data () {
    return {
        dtheight:'500',  //窗口高度
    }
  },
   components:{

  },
  created(){
     this.dtheight = window.innerHeight - 395

  },
  mounted (){
    
  },
  methods: { 
     goinforpersonal(row,telphone){      
        this.$router.push({
          path: '/index/inforpersonal',
          query: {
            name:telphone,
          }
        })
    }
 
  }
}
</script>


<style scoped>
 
</style>